<template>
  <div class="footer">
    <div class="ke">
      <div>
        <img src="/img/xiang_03.jpg" alt="" />
        <p>客服</p>
      </div>
      <div @click="tocart()">
        <img src="/img/xiang_05.jpg" alt="" />
        <p>购物车</p>
      </div>
    </div>
    <div class="fe">加入购物车</div>
    <div class="zi">
      <h3>立即购买</h3>
    </div>
  </div>
</template>

<script>
export default {
  methods:{
    tocart(){
      this.$router.push("/cart")
    }
  }
};
</script>

<style scoped>
.footer {
  height: 46rem;
  display: flex;
}
.ke {
  width: 92rem;
  background: #fafafa;
  display: flex;
  color: #bec4c4;
}
.ke > div {
  width: 50%;
  text-align: center;
}
.ke > div img {
  margin: 7rem 0;
  width: 18rem;
  height: 15rem;
}
.fe {
  width: 134rem;
  background: #fead13;
  text-align: center;
  line-height: 46rem;
  color: #fff;
  font-size: 13rem;
}
.zi {
  width: 134rem;
  background: #ff8071;
  text-align: center;
  line-height: 46rem;
  color: #fff;
  font-size: 13rem;
}
</style>
